<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%--
  Created by IntelliJ IDEA.
  User: BrokenMyth
  Date: 2021/1/30
  Time: 21:15
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>主页</title>
    <%--    <link rel="stylesheet" href="../resources/css/A.css" />--%>
    <link rel="stylesheet" href="../css/A.css" />
    <link rel="stylesheet" href="../../layui/css/layui.css"  />
    <script src="../../layui/layui.js"></script>



    <link href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
    <!-- <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous"> -->
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.0/dist/css/bootstrap.min.css" integrity="sha384-B0vP5xmATw1+K9KRQjQERJvTumQW0nPEzvF6L/Z6nronJ3oUOFUFpCjEUQouq2+l" crossorigin="anonymous">
    <style>
        a {
            color: black;
            font-size: 15px;
        }
        a:hover {
            color: #fff;
            text-decoration: none;
            border-radius: 5px;
            background-color: #03e9f4;
            box-shadow: 0 0 5px #03e9f4, 0 0 25px #03e9f4, 0 0 50px #03e9f4, 0 0 100px #03e9f4;
        }
    </style>
</head>

<body>
<div class="container-fluid" style="font-size: larger">
    <div class="row-fluid">
        <div class="span12">
            <div class="row-fluid">
                <div class="span4">
                    <a class="btn btn-primary" href="${pageContext.request.contextPath}/book/AllBook">显示全部书籍</a>
                    <div class="btn-group" style="float: right;">
                        <form class="form-search" action="${pageContext.request.contextPath}/adminQueryOrder">
                            <select class="selectpicker" name="adminQueryOrder">
                                <option value="0">--请选择--</option>
                                <option value="orderId">订单号</option>
                                <option value="userId">用户ID</option>
                                <option value="userName">用户名称</option>
                                <option value="telNumber">手机号</option>
                                <%--                        orderId\telNumber实现准确查询 userId与userName实现模糊查询 --%>
                            </select>


                            <input class="input-medium search-query" type="text" name="Value"/> <button style="color: #1E9FFF" type="submit" class="btn layui-btn layui-btn-normal layui-btn-sm"><i class="layui-icon">查找</i></button>
                        </form>
                    </div>
                </div>
            </div>
            <table class="table" style="border:1px solid #bfd1eb;background:#f3faff;">
                <thead>
                <tr>
                    <th>订单编号</th>
                    <th>用户ID</th>
                    <th>用户名称</th>
                    <th>用户手机号</th>
                    <th>地址</th>
                    <th>订单金额</th>
                    <th>下单时间</th>
                    <th>订单备注</th>
                </tr>
                </thead>
                <tbody>
                <c:forEach var="order" items="${allOrderList}">
                    <tr>
                        <td>${order.orderId}</td>
                        <td>${order.userId}</td>
                        <td>${order.userName}</td>
                        <td>${order.telNumber}</td>
                        <td>${order.address}</td>
                        <td>&yen;${order.payment}</td>
                        <td>${order.orderTime}</td>
                        <td>${order.message}</td>

                        <td style="color: #0a74cb">
                            <a style="color: #0a74cb" href="${pageContext.request.contextPath}/orderDetails?orderId=${order.orderId}">订单详情</a>
                        </td>
                    </tr>
                </c:forEach>
                </tbody>
            </table>
        </div>
    </div>
</div>

</body>

</html>
